<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <!--  引入jquery文件库  -->
  <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
  <script type="text/javascript">
    $(function (){
      //获取保存的点击事件
      $("#save").click(function (){
        //获取表单中所有参数值
        // var emp = $("#emp").serialize();
        var empno = $("input[name=empno]").val();
        var ename = $("input[name=ename]").val();
        var hiredate = $("input[name=hiredate]").val();
        var emp = {empno:empno,ename:ename,hiredate:hiredate};
        $.ajax({
          url:"/emp/updateEmp",
          type:"post",
          // data:emp,//传递普通的表单序列化方式
          data:JSON.stringify(emp),//传递json对象
          contentType:"application/json;charset=utf-8",//指明传递的参数是json格式
          dataType:"json",
          success:function (res){
            console.log(555)
          if (res.code==200){
            alert("修改成功")
          }
          }
        })
      })
    })
  </script>
</head>
<body>

<form id="emp">
  <p>
    雇员编号：<input type="text" name="empno" />
  </p>
  <p>
    雇员名称：<input type="text" name="ename" />
  </p>
  <p>
    雇员工作：<input type="text" name="job" />
  </p>
  <p>
    雇佣日期：<input type="date" name="hiredate" />
  </p>
  <p>
    上级领导编号：<input type="text" name="mgr" />
  </p>
  <p>
    雇员薪资：<input type="text" name="sal" />
  </p>
  <p>
    雇员奖金：<input type="text" name="comm" />
  </p>
  <p>
    部门编号：<input type="text" name="deptno" />
  </p>
</form>
<p>
  <button id="save">保存</button>
</p>


</body>
</html>